import React, { Component } from 'react'

// Header
function Header() {
  return <h2>header组件</h2>
}
// main
function Banner() {
  return <h3>banner组件</h3>
}
function ProductList() {
  return (
    <ul>
      <li>商品列表1</li>
      <li>商品列表2</li>
      <li>商品列表3</li>
      <li>商品列表4</li>
      <li>商品列表5</li>
    </ul>
  )
}

function Main() {
  return (
    <h2>
      <Banner/>
      <ProductList/>
    </h2>
    )
}
// Header
function Footer() {
  return <h2>footer组件</h2>
}

export default class App extends Component {
  render() {
    return (
      <div>
        <Header></Header>
        <Main></Main>
        <Footer></Footer>
      </div>
    )
  }
}


